<html>
<head>
	<meta charset="UTF-8">
	<!-- jq 库-->
	<script src="js/jquery-3.2.0.min.js"></script>
	
	<!-- uikit 库-->
	<link rel="stylesheet" href="uikit/css/uikit.min.css" />
    <script src="uikit/js/uikit.min.js"></script>
	
	<link rel="stylesheet" href="css/options.css" />
	<script src="js/options.js"  charset="gbk"></script>
	<script src="js/storage.js"  charset="gbk"></script>
</head>
<body  style="background-color:#dfdfdf">



<div class="uk-card uk-card-default uk-card-body uk-width-1-2@m" style="width:80%;height:90%;left:10%;top:5%">
<ul uk-tab>
    <li><a href="#">设置</a></li>
    <li><a href="#">帮助</a></li>
</ul>

<ul class="uk-switcher uk-margin">
    <li>	
		<ul uk-accordion="collapsible: false">
			<li class="uk-open">
				<h3 class="uk-accordion-title"><span class="uk-label">风格设置</span></h3>
				<div class="uk-accordion-content">
					设置首页字体颜色: <input id="button-color" type="color" value="#ffffff"/>
					<div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
						<label><input id="radio-bk-1" class="uk-radio" type="radio" name="bk" checked op=1> 默认背景</label>
						<label><input id="radio-bk-2" class="uk-radio" type="radio" name="bk" op=2>自定义网址</label>
						<label><input id="radio-bk-3" class="uk-radio" type="radio" name="bk" op=3>Bing壁纸</label>
						<label><input id="radio-bk-4" class="uk-radio" type="radio" name="bk" op=4>自定义上传(不同步)</label>
					</div>
					<div id="radio-bk-1-div" style="display:none">
						<img style="width:50%" id="show_bkimg_1" alt="">
					</div>
					<div id="radio-bk-2-div" style="display:none">
							<input id="save_url_text" class="uk-input" type="text" placeholder="壁纸网址" value="">
							<button id="save_url" class="uk-button uk-button-default">保存</button><br>
							<img style="height:40%" id="show_bkimg_2" alt="">
					</div>
					<div id="radio-bk-3-div" style="display:none">
						<img style="width:50%" id="show_bkimg_3" alt="">
					</div>
					<div id="radio-bk-4-div" style="display:none">
						<a href="javascript:;" class="a-upload">
							<input id="save_upload" type="file" id="files2" accept="image/*" multiple="">选择壁纸图片
						</a>
							<br><img style="width:40%" id="show_bkimg_4" alt="">
					</div>
				</div>
			</li>
			<li>
				<h3 class="uk-accordion-title"><span class="uk-label">meun设置</span></h3>
				<div class="uk-accordion-content">
						<div class="uk-accordion-content">
							<div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
								<p>菜单栏默认显示</p><br>
								<label><input id="radio-meun-1" class="uk-radio" type="radio" name="menu" checked op=1>SUPERMARK</label>
								<label><input id="radio-menu-2" class="uk-radio" type="radio" name="menu" op=2>书签</label>
							</div>
						</div>
				</div>
			</li>
			<li>
				<h3 class="uk-accordion-title"><span class="uk-label">位置设置</span></h3>
				<div class="uk-accordion-content">
					<p>设置你所在的城市(不同步)</p>
					   <div class="uk-margin">
							<input  id="weather_city" class="uk-input uk-form-width-medium" type="text" placeholder="城市(拼音)" value="">
							<button id="weather_check" class="uk-button uk-button-default">保存</button>
							<button id="weather_reset" class="uk-button uk-button-default">重置</button>
						</div>
				</div>
			</li>

			<li>
				<h3 class="uk-accordion-title"><span class="uk-label">捐赠</span></h3>
				<div class="uk-accordion-content">
					<p>暂时不接受捐赠</p>
				</div>
			</li>
		</ul>
	</li>
    <li>
		<br>
		<div uk-grid>

			<div class="uk-width-small@m">
				<ul class="uk-nav uk-nav-default" uk-switcher="connect: #component-nav; animation: uk-animation-fade; toggle: > :not(.uk-nav-header)">
					<li><a href="#">首页</a></li>
					<li><a href="#">基本使用</a></li>
					<li><a href="#">添加SUPERMARK</a></li>
					<li><a href="#">查询SUPERMARK</a></li>
					<li><a href="#">快速搜索</a></li>
					<li><a href="#">查看SUPERMARK</a></li>
					<li><a href="#">添加QUICKSTART</a></li>
					<li><a href="#">使用QUICKSTART</a></li>
					<li><a href="#">查看书签</a></li>			
				</ul>

			</div>
			<div class="uk-width-expand@m">

				<ul id="component-nav" class="uk-switcher">
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
					<li><img src="#" alt=""></li>
				</ul>
			</div>
		</div>
	</li>
</ul>
	
</div>
</body>
</html>